<%@ page contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*,java.text.*,java.util.*,java.sql.*,java.text.SimpleDateFormat,java.text.DateFormat,java.util.Date,javax.servlet.*,javax.servlet.http.*,DBstep.iDBManager2000.*" %>
<%
String mHttpUrl="http://"+request.getServerName()+":"+request.getServerPort() + request.getContextPath() + "/";
//int DocumentID = sarrayFiles.length;
%>
	<style> 
a{ color:#00F} 
a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */ 
/* css 注释说明：以上代码为设置html中超链接统一字体颜色 */ 
.div a{ color:#090} 
.div a:hover{ color:#090} 
/* css注释说明：以上代码为设置html中.div对象内超链接字体颜色 */ 
</style> 

	<head>
		<title>金格科技-iWebOffice2015智能文档中间件示例程序</title>
		<meta http-equiv="X-UA-Compatible" content="IE=8" />
		<link rel='stylesheet' type='text/css' href='css/iWebProduct.css' />
       <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
		<script language="javascript">
		    function CheckActiveX() {
		        var mObject = true;
		        try {
		            var newAct = new ActiveXObject("Kinggrid.iWebOffice");

		            if (newAct == undefined) {
		                mObject = false;
		            }
		        } catch (e) {
		            mObject = false;
		        }
		        newAct = null;
		        if (!(window.ActiveXObject || "ActiveXObject" in window)) {
		            activex_install.innerHTML = "多浏览器如果没有正常加载，查看说明"
		            return true;
		        }
		        if (mObject) {
		            activex_install.innerHTML = "已经安装iWebOffice2015中间件！";
		            activex_install.style.color = "#FFFFFF";
		        } else {
		            //控件无法加载
		            activex_install.innerHTML = "请注意，未检测到iWebOffice2015中间件！请查看说明，并按说明的要求检查您使用的环境。";
		            activex_install.style.color = "#FF0000";
		        }

		        return mObject;
		    }

		    function init() {
		        var mhtml = document.documentElement.clientHeight;
		        var mhead = document.getElementById("mhead").offsetHeight;
		        var mtitle = document.getElementById("mtitle").offsetHeight;
		        var mfooter = document.getElementById("mfooter").offsetHeight;
		        document.getElementById('mbody').style.height = mhtml - mhead - mtitle - mfooter + "px";

		        document.getElementById('showlist').style.height = mhtml - mhead - mtitle - mfooter - 160 + "px";
		        document.getElementById('showlist').style.width = document.getElementById('titleTable').offsetWidth;
		    }


		    //获取id的高度
		    function getHeight(id) {
		        return document.getElementById(id).offsetHeight;
		    }

		    function ShowExplain() {
		        window.open("EnvironmentalNotes.html", 'newwindow', 'height=300px,width=780px,top=150,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');

		    }

		    function OpenNewPage(value) {
		        var mhtmlHeight = window.screen.availHeight; //获得窗口的垂直位置;
		        var mhtmlWidth = window.screen.availWidth; //获得窗口的水平位置; 
		        var iTop = 0; //获得窗口的垂直位置;
		        var iLeft = 0; //获得窗口的水平位置;
		        var values = new Array;
		        values = value.split(",");
		        FileType = values[0];
		        FileVal = values[1];

		        if (FileType != -1) {

		            var aa = window.open('DocumentEdit.jsp?FileType=' + FileType + '&UserName=' + encodeURI(encodeURI(username.value)), 'iWebOffice2015智能文档中间件示例程序', 'height=' + mhtmlHeight + ',width=' + mhtmlWidth + ',top=' + iTop + ',left=' + iLeft + ',toolbar=no,menubar=yes,scrollbars=no,resizable=yes, location=no,status=no');
		        }
		        document.getElementById("selectID").options[0].selected = true;

		    }


            //自身浏览器打开
		    function openfile(url) {
		        var mhtmlHeight = window.screen.availHeight; //获得窗口的垂直位置;
		        var mhtmlWidth = window.screen.availWidth; //获得窗口的水平位置; 
		        var iTop = 0; //获得窗口的垂直位置;
		        var iLeft = 0; //获得窗口的水平位置;
		        window.open(url, 'iWebOffice2015智能文档中间件示例程序', 'height=' + mhtmlHeight + ',width=' + mhtmlWidth + ',top=' + iTop + ',left=' + iLeft + ',toolbar=no,menubar=yes,scrollbars=no,resizable=yes, location=no,status=no');
		    }
 </script>
	</head>
	
    <body >
		<div id="mhead" class="mhead">
			<table id="header">
				<tr>
					<td>
						<img src="css/logo.jpg" />
					</td>
					<td>
						<span> iWebOffice2015</span> 智能文档中间件示例程序
					</td>
				</tr>
			</table>
		</div>

		<div id="mtitle" style="height: 34px;" class="title">
			<table>
				<tr>
					<td height="34px">
					   <div width="0px" height="0px" style="display:none" > <script src="js/iWebOffice2015.js"></script></div>
						<span id="activex_install" style="color: #FF0000">请注意，未检测到iWebOffice2015中间件！请查看说明，并按说明的要求检查您使用的环境。</span>
						<div id="obj">					
						</div>
					</td>
				</tr>
			</table>
		</div>
		
<!--		<div class="text" style=" text-align:center;"><font size = "6" color="#FF0000">支持所有主流浏览器(IE8以上)</font></div>
		<div class="text" style=" text-align:center;"><a href="#" onclick="KGBShowExplain()"><font size = "4">[环境说明]</font></a></div>-->
		<div id="mbody" style="text-align: center;">
			<div id="loaded" style="margin: 30px; border: 1px solid #C3ADC3; text-align: center;">

				<table id="titleTable" cellspacing='0' cellpadding='0' align="center" style="height: 30px;">
					<tr>
						<td width="40px">
							编号
						</td>
						<td width="100px">
							文档类型
						</td>
						<td width="100px">
							功能列表
						</td>
						<td width="470px">
							功能说明
						</td>
						<td width="340px">
							示例路径
						</td>           
					</tr>
				</table>

				<div id="showlist" style="vertical-align: top; height: 70%; margin-right: auto; margin-left: auto;">
					
					<table align="center" cellspacing='0' cellpadding='0' style="height: 50px;">						
			  		
			  		<td width="40px"  class="TD0" style="font-size:14px" >1</td>
			  			<td  width="100px" class="TD1 td_left" align="left" >Word、WPS文档</td>
			  			<td  width="100px" class="TD1 td_left" align="left" >
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/OpenAndSave/OpenAndSave_Word.jsp')">在线打开文档</a>
			  			</td>
			  			<td class="TD1 td_left" align="left" width="480px" >
			  				<span style="font-size:14px; color:#ff0000">本示例以最简单的方式演示iWebOffice2015在线打开和保存Word文档。</span>
			  			</td>
			  		<td width="350px"  class="TD1 td_left" align="left">/samples/OpenAndSave/OpenAndSave_Word.jsp</td>
					</table>
					
					<table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >2</td>
			  			<td  width="100px" class="TD1 td_left" align="left">Excel、ET文档</td>
			  			<td  width="100px" class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/OpenAndSave/OpenAndSave_Excel.jsp')" >在线打开文档</a>
			  			</td>
			  			<td class="TD1 td_left" align="left"width="480px" >
			  				<span style="font-size:14px; color:#ff0000">本示例以最简单的方式演示iWebOffice2015在线打开和保存Excel文档。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/OpenAndSave/OpenAndSave_Excel.jsp</td>                 
						</tr>
					</table>
					
                    <table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >3</td>
			  			<td  width="100px"  class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px"  class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/CustomSkin/CustomSkin.jsp')" >自定义控件皮肤</a>
			  			</td>
			  			<td class="TD1 td_left" align="left"width="480px" >
			  				<span style="font-size:14px; color:#ff0000">本示例通过改变控件窗口的样式，使控件的主题样式与第三方系统样式保持统一，增强了第三方系统的统一性和协调性。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/CustomSkin/CustomSkin.jsp</td>                    
						</tr>
					</table>

                   <table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >4</td>
			  			<td  width="100px" class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px" class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/TemplateTaoHong/TemplateTaoHong.jsp')" >模板套红</a>
			  			</td>
			  			<td class="TD1 td_left" align="left" width="475px" >
			  				<span style="font-size:14px; color:#ff0000">本示例演示在当前打开的文档中将对模板文档套入其中。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/TemplateTaoHong/TemplateTaoHong.jsp</td>            
						</tr>
					</table>
					
                    <table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >5</td>
			  			<td  width="100px" class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px" class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/AddBookMark/AddBookMark.jsp')" >书签操作</a>
			  			</td>
			  			<td class="TD1 td_left" align="left" width="480px" >
			  				<span style="font-size:14px; color:#ff0000">本示例演示如何在文档中对书签进行操作，功能有：书签填充、打开书签窗体、添加书签、定位书签等。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/AddBookMark/AddBookMark.jsp</td>
						</tr>
					</table>

                    <table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >6</td>
			  			<td  width="100px" class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px"class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/CustomMenu/CustomMenu.jsp')" >自定义菜单栏</a>
			  			</td>
			  			<td class="TD1 td_left" align="left" width="480px" >
			  				<span style="font-size:14px; color:#ff0000">本示例演示如何在控件中添加菜单栏、自定义工具栏、Office工具栏，以及各自的响应事件还有如何显示/隐藏。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/CustomMenu/CustomMenu.jsp</td>
						</tr>
					</table>

					
                    <table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >7</td>
			  			<td  width="100px" class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px" class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/ContentDocument/ContentDocument.jsp')" >文档内容操作</a>
			  			</td>
			  			<td class="TD1 td_left" align="left" width="480px"  >
			  				<span style="font-size:14px; color:#ff0000">本示例演示如何在文档中插入远程图片、获取文档内容、插入页眉、插入页码、获取文档页数等功能。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/ContentDocument/ContentDocument.jsp</td>
						</tr>
					</table>
					
					
                     <table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >8</td>
			  			<td  width="100px" class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px" class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/TraceDocument/TraceDocumentWord.jsp')" >文档痕迹操作</a>
			  			</td>
			  			<td class="TD1 td_left" align="left"  width="480px" >
			  				<span style="font-size:14px; color:#ff0000">本示例演示如何对某个文档进行显示痕迹、隐藏痕迹、清除痕迹等操作。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/TraceDocument/TraceDocumentWord.jsp</td>
						</tr>
					</table>

                    <table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >9</td>
			  			<td  width="100px"  class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px"  class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/WordPermissions/WordPermissions.jsp')" >文档权限操作</a>
			  			</td>
			  			<td class="TD1 td_left" align="left" width="480px">
			  				<span style="font-size:14px; color:#ff0000">本示例包含如何对文档进行锁定、解锁、允许拷贝、禁止拷贝等操作。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/WordPermissions/WordPermissions.jsp</td>
						</tr>
					</table>
					
                    <table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >10</td>
			  			<td  width="100px"  class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px"  class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#"  onclick="openfile('samples/WebSavePdf/WebSavePdf.jsp')">保存为PDF文档</a>
			  			</td>
			  			<td class="TD1 td_left" align="left" width="480px">
			  				<span style="font-size:14px; color:#ff0000">本示例演示如何将文档保存为PDF文档，并上传到服务器。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/WebSavePdf/WebSavePdf.jsp</td>
						</tr>
					</table>

					
                    <table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >11</td>
			  			<td  width="100px"  class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px"  class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/CompareDocument/CompareDocument.jsp')" >在线文档对比</a>
			  			</td>
			  			<td class="TD1 td_left" align="left " width="480px">
			  				<span style="font-size:14px; color:#ff0000">本示例演示两种文档对比方式，1、后台指定文档与当前控件打开的文档对比；2、后台两个指定的文档对比。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/CompareDocument/CompareDocument.jsp</td>
						</tr>
					</table>
					

                    <table cellspacing='0' cellpadding='0' style="height: 50px;" border="0">
						<tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >12</td>
			  			<td  width="100px" class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px" class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/AddWaterMark/AddWaterMark.jsp')">Word文档添加水印</a>
			  			</td>
			  			<td class="TD1 td_left" align="left" width="480px">
			  				<span style="font-size:14px; color:#ff0000">本示例演示如何在Word文档中添加文字水印和图片水印。</span>
			  			</td>
                        <td width="350px"  class="TD1 td_left" align="left">/samples/AddWaterMark/AddWaterMark.jsp</td>
						</tr>
					</table>

					<table id="tableDocument12" align="center" cellspacing='0' cellpadding='0' style="height: 50px;">
                        <tr>
							<td width="40px"  class="TD0"  style="font-size:14px" >13</td>
			  			<td  width="100px" class="TD1 td_left" align="left">Word、WPS文档</td>
			  			<td  width="100px" class="TD1 td_left" align="left">
			  				<a style="font-size:14px;" href="#" onclick="openfile('samples/RemoteSensing/RemoteSensing.jsp')">前后台信息交互</a>
			  			</td>
			  			<td class="TD1 td_left" align="left" width="480px">
			  				<span style="font-size:14px; color:#ff0000">本示例演示如何通过控件与后台进行文本消息交互。</span>
			  			</td>
			  			<td width="350px"  class="TD1 td_left" align="left">/samples/RemoteSensing/RemoteSensing.jsp</td>
						</tr>
						
					</table>

				</div>
				
			</div>


		
		
	</div>
	<div id="mfooter">
		<table class="footer">
			<tr>
				<td align="center">
					江西金格科技股份有限公司 版权所有
				</td>
			</tr>
		</table>
	</div>
	</body>

</html>

<script language="javascript" type="text/javascript">
    CheckActiveX();
</script>